<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments :: head(title=~{::title/text()})">
  <title th:text="#{view.title}">Messages : View</title>
</head>
<body>
<div class="container">
  <div th:replace="fragments :: navbar"></div>
  <div class="float-right mt-2">
    <a class="btn btn-primary btn-sm" href="list.html" th:href="@{/}" th:text="#{view.messages}">Messages</a>
  </div>
  <h4 class="float-left mt-2" th:text="#{view.title}">Messages : View</h4>
  <div class="clearfix"></div>
  <div class="alert alert-success" th:if="${globalMessage}" th:text="#{${globalMessage}}">Some Success message
  </div>
  <div class="card">
    <div class="card-body">
      <h4 class="card-title" th:text="${message.id + ': ' + message.summary}">123 - A short summary...</h4>
      <h6 class="card-subtitle mb-2 text-muted" th:text="${#calendars.format(message.created)}">July 11, 2012 2:17:16 PM
                                                                                                CDT</h6>
      <p class="card-text" th:text="${message.text}">A detailed message that is longer than the summary.</p>
      <a class="card-link" href="messages" th:href="@{'/delete/' + ${message.id}}" th:text="#{view.delete}">delete</a>
      <a class="card-link" href="form.html" th:href="@{'/modify/' + ${message.id}}" th:text="#{view.modify}"> modify</a>
    </div>
  </div>
</div>
</body>
</html>
